.tag {
    display: inline-block;
    padding: $tag-padding;
    color: $tag-color;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: $tag-border-radius;
}

.tag-sm {
    padding: $tag-padding-sm;
    transform-origin: 0 50%;
    transform: scale($tag-scale-sm);
}

.tag-primary { @include tag-variant($tag-primary-bg); }
.tag-success { @include tag-variant($tag-success-bg); }
.tag-warning { @include tag-variant($tag-warning-bg); }
.tag-danger { @include tag-variant($tag-danger-bg); }
.tag-default { @include tag-variant($tag-default-bg); }


.tag-outline-primary { @include tag-outline-variant($tag-primary-bg); }
.tag-outline-success { @include tag-outline-variant($tag-success-bg); }
.tag-outline-warning { @include tag-outline-variant($tag-warning-bg); }
.tag-outline-danger { @include tag-outline-variant($tag-danger-bg); }
.tag-outline-default { @include tag-outline-variant($tag-default-bg, $tag-default-color); }
